@CHARSET "UTF-8";

* { margin: 0; padding: 0; }
body { margin:0; padding:0; background: #fff; width:100%;}
html { padding:0; margin:0;}
img { margin:0; padding:0; border: 0px;}
a, a:visited { color:  #ffffff; text-decoration: none; }
a:hover { color: #2577d8;  padding-bottom: 0; text-decoration: underline;}
	

.clr {clear:both; padding: 0px; margin: 0px; }

/* main */
.main { width:750px; padding:0; margin:0 auto; font: normal 12px Arial, Helvetica, sans-serif;
	background:#ffffff url(../../img/21w.cleaning/bg_main.jpg) top left repeat-y;}
.main_body { width: 750px; }
#main_body_content { width: 457px; margin: 0px 0px 0px 26px; padding: 0px 16px; float: left; }
#main_body_content_subpage { background: #ffffff; width: 440px; margin: 0px 0px 0px 220px; padding: 0px 0px; float: left; }
#main_body_content h1 { font: normal 18px Tahoma, Geneva, sans-serif; color:#ffffff; padding: 8px 0px 10px 25px; margin:0;
	background: url(../../img/21w.cleaning/bg_h1.jpg) center left no-repeat; }

.main_action { width: 750px; margin: 0px; border-top: solid 2px #ffffff;
	background:  url(../../img/21w.cleaning/bg_action.jpg) top left repeat-y;} 
.main_action_content { width: 457px; margin: 0px 0px 0px 210px; padding: 0px 16px; }
.main_action_content h2 { font: normal 18px Tahoma, Geneva, sans-serif; color:#666666; padding: 8px 0px 10px 25px; margin:0;
	background: url(../../img/21w.cleaning/bg_h2.jpg) center left no-repeat; }
.footer_block { width: 750px; margin: 0px;
	background:  url(../../img/21w.cleaning/bg_fotter.jpg) top left repeat-y;} 
.footer { width: 457px; margin: 0px 0px 0px 210px; padding: 6px 16px;  color: #efefef; height: 32px;}
	
	
/* header */
.header { width:750px; margin:0px 0px 0px 0px; padding:0; height:105px; background: #ffffff; }
.header_text { width:513px; margin: 0px 26px 0px 211px; padding:0; height:105px;
	background: #ffffff url(../../img/21w.cleaning/bg_header.jpg) top left repeat-x; }
.header .header_text div#title_of_page { position: absolute; margin: 0; padding: 0 0px 0 60px; font: bold 18px Tachoma, Verdana, Helvetica, sans-serif; letter-spacing: 2px;	color: #1c86ad; text-decoration: none;
	top: 20px;
}
.header .header_text div#user_login_logout {  float: right;  margin: 0; padding: 65px 15px 0 0px; color: #1c86ad; text-decoration: none; display: block; font: bold 12px Tachoma, Verdana, Helvetica, sans-serif;

}


/* menu */
.menu { width:180px; margin:0px 0px 0px 4px; padding:0; float:left;  }
.menu ul { width:180px; margin:0; padding:0; list-style:none;}
.menu li { margin:0; padding:0;}
.menu a { display: block; width: 153px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff;  text-transform:uppercase;  padding:15px 0px 11px 25px; margin:0; text-decoration:none; border-bottom:1px solid #fff;
	background: url(../../img/21w.cleaning/bt_menu_off.jpg) center left no-repeat;}
.menu a:hover, .menu a.active {color:#fff; padding:15px 0px 11px 25px; 
	background: url(../../img/21w.cleaning/bt_menu_on.jpg) center left no-repeat; }

/* language */
div#language { 	float: right; padding: 20px 18px 10px 0px; width: 22px; }

#language .polish { width: 16px; height: 11px; float: right;  overflow: hidden; margin-left: 6px; margin-top: 15px;
	background: url(../../img/flags.png) no-repeat; background-position: -172px -425px;}
#language .english { width: 16px; height: 11px; float: right; overflow: hidden; margin-left: 6px;
	background: url(../../img/flags.png) no-repeat; background-position: -32px -565px; }
#language a.change_language { width: 16px; height: 11px; display: block; border: none; text-decoration: none; }


/* homepage */
.pages-content { padding: 10px 0px; }
.pages-content a { padding-left: 20px; color: #ffffff;
	background: url(../../img/21w.cleaning/bg_a.jpg) center left no-repeat; }
#left_column { width: 180px; float: left; padding: 0px; margin: 0px; }
#left_column h1 { font: normal 18px Tahoma, Geneva, sans-serif; color:#ffffff; padding: 8px 0px 10px 25px; margin: 10px 0px 0px 3px;
	background: url(../../img/21w.cleaning/bg_h1.jpg) center left no-repeat; }	
/* index */
.index table  { background: #ffffff; display: table; text-indent: 0px; width: 100%; padding: 0px; margin: 0px; background: none; border: none;  border-spacing: 0px;}
.index table { display: table; text-indent: 0px; border-spacing: 0px; }
.index table th { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 3px 5px}
.index table td { border-right: solid 1px #ccc; border-bottom: dashed 1px #aaa;  padding: 3px 5px;}
.index table th.last, .index table th.actions { border-bottom: solid 1px #ccc; border-right: none;}
.index table td.last, .index table td.actions { border-right: none; border-bottom: dashed 1px #aaa;  padding: 0px 5px;}
.altrow { background: #2577d8; }

table.czysta { display: table; text-indent: 0px; width: 100%; padding: 0px; margin: 0px; background: none; border: none;  border-spacing: 0px;}
table.czysta th { border: none; padding: 0px; margin: 0px; background: none; }
table.czysta td { border: none; padding: 3px; margin: 3px; background: none; }
table.czysta th.last, table.czysta th.actions { border-bottom: none; border-right: none;}
table.czysta td.last, table.czysta td.actions { border-right: none; border-bottom: none;  padding: 2px 5px;}

.index table td.rozdziel_employee { border-top: solid 1px #000; }
.index table td.rozdziel_orderse { border-top: dotted 1px #eee; }


/* add edit */
form { padding: 5px; }
fieldset { padding: 10px; border-width: 1px; border-style: solid; border-color: #eee; margin-bottom: 10px;}
input, select { border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px;}
input, select { padding: 2px; height: 22px; }
input, textarea, select { float: none; display: block; padding: 1px; margin: 0; }
.submit input { padding: 0px 2px; margin: 2px;}
label { width: auto; display: block; text-align: left; padding: 0px 10px 0px 0px;}
.scrollable {position:relative;	overflow: auto; height:150px; border: solid 2px #2577d8;}
.orders_cycles table tr td { text-align: center; font-size: 11px; }
.error-message { color: #ff0000; }
.search_form { width: 180px; float: left; }
.search_form select { width: 160px; }

.select_user_from_list { }
#dialog_lista_uzytkownikow { display: none; }
#button_lista_uzytkownikow { }

.input, .text { padding: 4px; display: block;  margin: 0; }
.theme-opis-input, .text p { font: normal 0.8em/1.1em Helvetica, Arial, sans-serif; text-align: left; margin: 0px;  margin-left: 2px;}
input[type="submit"], button{  border: solid 2px #2577d8; background: #ffffff;  margin: 2px 0px; padding: 2px 4px; height: 22px; }

/* view */
dt.altrow {font-weight: bold; width: 25%; float: left; padding: 4px; text-align: right;}
dt  {font-weight: bold; width: 25%; float: left;padding: 4px;  text-align: right;}
dd.altrow {font-weight: normal;  width: 69%; float: right; padding: 4px;}
dd  {font-weight: normal;  width: 69%; float: right; padding: 4px;}

/* actions */
.main_body_message { background: #ff0000; color: #ffffff; text-align: center; padding: 0px 0px; margin: 0px; font-size: 14px; }
.actions {  }
td.actions { text-align: right; } 
.actions ul { list-style: none;  }
.actions li { float: left; width: 55px; margin: 5px; text-align: center; }
.actions li a { width: 35px; text-align: center; font-size: 11px; }

